// pages/todo/todo.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    todoText: '',
    todoList: ['吃饭', '睡觉', '写代码']
  },
  // 提交表单
  onSubmit() {
    // 非空字符串判断
    if (!this.data.todoText.trim()) {
      wx.showToast({
        title: '请输入待办事项',
        icon: 'none'
      })
      return
    }

    // 获取列表数据
    const list = this.data.todoList
    // 重复项判断
    if (list.includes(this.data.todoText)) {
      wx.showToast({
        title: '待办事项已存在',
        icon: 'none'
      })
      return
    }

    // 追加数据到数组中
    list.push(this.data.todoText)

    // 更新数据 + 视图
    this.setData({
      todoList: list, // 更新列表
      todoText: '',   // 清空输入框文字
    })
  },
  // 点击 x 删除一个
  deleteItem(event) {
    // console.log(event.mark.item)
    const list = this.data.todoList
    this.setData({
      // filter 过滤掉当前点击的项即可
      todoList: list.filter(v => v !== event.mark.item)
    })
  },
  // 点击 清空 时清空所有
  clear() {
    this.setData({
      todoList: []
    })
  }
})